// 1. 定义并导出容器
import { defineStore, acceptHMRUpdate  } from 'pinia'
export const useIndexStore = defineStore('index', {
  state: () => {
    return {
      count: 100,
      foo: '学习Pinia',
      arr: [1, 2, 3]
    }
  },
  getters: {
    timesCount(state) {
      return (num: number) => state.count * num
    },
    join(state):string {
      return state.count + state.foo
    }
  },
  actions: {
    // 自增
    /* addCount() {
     this.count++
    } */
  }
})
// 确保传递正确的 store 声明，本例中为 `useIndexStore`
if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useIndexStore, import.meta.hot))
}
// 2. 使用容器中的state
// 3. 修改state
// 4. 容器中的actions